@media only screen and (min-width: 1140px) {
    .banner-box{    position: absolute;
        left: 0px;
        top: 160px;
        z-index: 1;
        min-width:1210px;
        border-top: 2px solid #d2364c;
        overflow:hidden;
        height:435px;

    }
    .banner-box .bd{ width:100% !important;}
    .banner-box .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
    .banner-box .bd li{width:100% !important;height:435px;}
    .banner-box .bd li a{display:block;background-size:auto;}
    .banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
    .banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
    .banner-btn a.prev{left:20px;background:url('../../images/front/foot.png') no-repeat 0 0;}
    .banner-btn a.next{right:20px;background:url('../../images/front/foot.png') no-repeat -49px 0;}
    .banner-box .hd {position:absolute;top:210px;left:537px;}
    .banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
    .banner-box .hd ul li.on{background:#DA324D;}

    .shopNav {
        padding-top: 7px;
        padding-bottom: 5px;
        margin: 0px 193px 10px 0px;

    }
    .slideall {
        max-width: 1200px;
        margin: 0px auto;
        height: 435px;
    }
    #nav{
        position: absolute;
        display: block;
        z-index: 10;
    }

}
@media only screen and (min-width: 640px) {
    .banner-box {
        width: 100%;
        overflow: hidden;
        margin-top: 0px;
    }

    .banner-box .bd li .m-width {
        width: 1400px;
    }

    ol, ul {
        padding-left: 0em;
    }

    .active .tab-type-left #type1 {
        background-image: url("../../images/front/type11.png");
        background-size: 23px 23px;
    }

    .tab-type-left #type1 {
        background-image: url("../../images/front/type1.png");
        background-size: 23px 23px;
    }

    .active .tab-type-left #type2 {
        background-image: url("../../images/front/type22.png");
        background-size: 23px 23px;
    }

    .tab-type-left #type2 {
        background-image: url("../../images/front/type2.png");
        background-size: 23px 23px;
    }

    .active .tab-type-left #type3 {
        background-image: url("../../images/front/type33.png");
        background-size: 23px 23px;
    }

    .tab-type-left #type3 {
        background-image: url("../../images/front/type3.png");
        background-size: 23px 23px;
    }

    .active .tab-type-left #type4 {
        background-image: url("../../images/front/type44.png");
        background-size: 23px 23px;
    }

    .tab-type-left #type4 {
        background-image: url("../../images/front/type4.png");
        background-size: 23px 23px;
    }

    #type1, #type2, #type3 {
        width: 23px;
        height: 23px;
        margin: 52px 0 0 15px;
    }

    #type4 {
        width: 23px;
        height: 23px;
        margin: 10px 0 0 15px;
    }
}
